<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery/jquery.js"></script>
    <script src="js/vue/vue.min.js"></script>
</head>
<body>
    <div id="app">
        <ol>
            <li v-for="s in sports">
                图片：{{s.url}}
                电话：{{s.tel}}
                交通路线：{{s.bus}}
                开放时间：{{s.openTime}}
                门票：{{s.tickets}}
            </li>
        </ol>

    </div>

    <script>
        var vue = new Vue(
            {
                el:"#app",
                data: {
                    sports: []
                },
                mounted:function () {
                    var url = domainUrl+"/spots/list";
                    $.get(url,function (data) {
                        console.log(111);
                        console.log(data);
                        vue.sports=data;



                    })
                }


            }
        )
    </script>
</body>
</html>